<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
	<title>Video: Roma Italia</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
	<meta name="description" content="A guide to the city of Roma (Rome) for vacation planning and city tours. Includes maps, destinations, videos, photos, audio tours, hotel information, and community advice.">

<!-- This style sheet imports the other style sheets -->
	<link rel="stylesheet" href="css/master.css" type="text/css" media="screen" charset="utf-8">
	<link rel="stylesheet" href="css/datepicker.css" type="text/css" media="screen" charset="utf-8">

<!-- The three lines below this comment are a Conditional Comment, 
which is read only by Internet Explorer. 
See http://www.positioniseverything.net/articles/cc-plus.html -->
	<!--[if IE]>
	  <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" charset="utf-8">
	<![endif]-->

<!-- jQuery, which is essentially JavaScript made easy for noobs like myself, 
is used for several interactive elements on this site. See http://jquery.com/ 
See also http://cameronmoll.com/archives/2008/03/extensible_css_interface_css_selectors_jquery/-->	
	<script src="js/jquery-1.3.2.js" type="text/javascript" charset="utf-8"></script>
	
<!-- The scripts for all of the jQuery plugins (and page specific code) are contained here -->
	<script src="js/jquery.plugins.js" type="text/javascript" charset="utf-8"></script>
	
<!-- Cufon is a text replacement technique that replaces normal fonts with
proprietary fonts on the fly using JavaScript. 
See http://wiki.github.com/sorccu/cufon/about -->
	<script src="js/cufon-yui.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/Museo_400.font.js" type="text/javascript" charset="utf-8"></script>

<!-- I've wrapped this Cufon replacement in a conditional comment 
because IE won't read the .otf font file we're using for @font-face.
If you'd like to see Cufon work in any browser other than IE, simply 
remove the conditional comment below and it will override @font-face. -->
	<!--[if IE]>
	<script type="text/javascript" charset="utf-8">
		Cufon.replace('h3,#header h2,#header ul a');
	</script>  
	<![endif]-->

</head>
<body>

<div id="content-wrapper">

<!-- Toggle on/off the grid used for this site simply by uncommenting this div -->
<!-- <div id="grid"><img src="img/grid.png" alt="" width="1090" height="1380"></div> -->

	<div id="header" class="clearfix">
	
		<ul class="clearfix">
			<li><a href="index.html">Home</a></li>
			<li><a href="#">Map of Rome</a></li>
			<li><a href="#">Destinations</a></li>
			<li><a href="#">Hotels</a></li>
			<li><a href="video.html">Videos</a></li>
			<li><a href="#">Photos</a></li>
			<li><a href="#">Voices Around the World</a></li>
			<li><a href="&#0109;&#97;&#105;&#108;&#116;&#111;&#58;&#98;o&#114;&#0101;&#0100;&#064;&#099;&#97;&#109;&#101;&#114;&#111;&#110;&#109;&#0111;&#108;&#0108;&#046;&#99;&#0111;&#109;?subject=Hey%20Cameron, about%20Roma%20Italia..."><em>Contact Us</em></a></li>
		</ul>
		
		<h1><a href="#">Roma Italia</a></h1>
		
		<h2>Your Guide to the Eternal City</h2>
		
		<form action="#" method="get" accept-charset="utf-8">
			<!-- This fieldset and legend (which is set to display:none in screen.css)
			are added to pass W3C validation -->
			<fieldset>
				<legend></legend>
				<label for="search-input">Search</label>
				<input type="text" id="search-input" name="search" id="search-input" value="" title="Search">
				<input type="image" name="" src="img/search-go.gif">
			</fieldset>
		</form>
			
	</div> <!-- end #header -->
	
	<div style="margin: 37px auto 0; width: 1070px; padding: 20px 0; text-align: center; background: #1e1b10 url(img/bg-darknoise.jpg);">
	<object width="640" height="368"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3956190&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ab7013&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3956190&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ab7013&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="368"></embed></object>
	</div>
	
	<div id="meta-video">
		<a href="http://cameronmoll.com/"><img src="img/cameron.jpg" alt="Cameron Moll" width="60" height="60"></a>
		<h4><a href="http://cameronmoll.com/">Cameron Moll</a></h4>
		<h5><a href="#">Add as contact</a></h5>
	</div>
	
	<div id="main-video">	
		<h3>
		Highlights from a recent vacation to Rome, Italy. Shot with a Canon HG10, edited with Final Cut Express. Music is &ldquo;First Breath After Coma&rdquo; by Explosions in the Sky. Typeface is Gotham by Hoefler &amp; Frere-Jones.
		</h3>
		<p>
		I&rsquo;m no video virtuoso. I only dabble with video as time allows, which it usually doesn&rsquo;t. But this is one short film I managed to get lucky with.</p>
		<p>
		I&rsquo;ve had a passion for film production ever since I was young. I saw myself first as a stuntman, then later as a film score composer. My time has passed on the first, but I hope I still have a shot at the second sometime in life. In more recent years, I&rsquo;ve found myself behind the camera and in the editor&rsquo;s chair. I have much to learn about what it takes to shoot and edit and a great film.</p>
		<p>
		If there&rsquo;s one thing I&rsquo;ve done right since purchasing my <a href="http://www.amazon.com/gp/product/B000U8HBRW?ie=UTF8&amp;tag=authenticbore-20&amp;linkCode=as2&amp;camp=1789&amp;creative=390957&amp;creativeASIN=B000U8HBRW">Canon HG10</a> last year, it&rsquo;s to shoot far more film than I think I&rsquo;ll need. That&rsquo;s how I got lucky with "Roma Italia". I shot more angles than I figured I&rsquo;d need, and I left the camera running longer than I assumed was adequate. It paid off in the end, leaving me with five minutes of solid shots from a total of roughly two hours of footage.</p>
		<p>
		I had no script for this piece, and there were only a few shots I planned beforehand to use in whatever the final film would become. The rest was editing mojo. I analyzed the material I had, pieced it together in way I felt told a compelling story, and added effects that complimented the storytelling. &ldquo;<a href="http://www.last.fm/music/Explosions+in+the+Sky/_/First+Breath+After+Coma">First Breath After Coma</a>&rdquo;, a moving and driving piece by instrumental rock band <a href="http://www.explosionsinthesky.com/">Explosions in the Sky</a>, was a perfect fit. Not only is it the best song title ever, but its story matches that of &rdquo;Roma Italia&rdquo;: One of awakening, surprise, and climatic rush and release.</p>
		<p>	
		In the end, I hope you enjoy the story. It&rsquo;s a chance to see the magnificent city of Rome through my eyes. Perhaps it&rsquo;ll encourage you to see it through yours.</p>
	</div><!-- end #main-body -->	

	<div id="secondary-video">
		<h4>Tags</h4>
		<ul>
			<li><a href="#">rome</a> <em>(171)</em></li>
			<li><a href="#">roma</a><em>(189)</em></li>
			<li><a href="#">italy</a> <em>(461)</em></li>
			<li><a href="#">italia</a> <em>(393)</em></li>
		</ul>
		<p>
		<a href="#">Add a tag</a></p>
		<p>
		Uploaded 2 weeks ago.</p>
	</div>

<div id="footer">	
		<p id="footer-links">
		<a href="index.html">Home</a> <a href="#">Map of Rome</a> <a href="#">Destinations</a> <a href="#">Hotels</a> <a href="video.html">Videos</a> <a href="#">Photos</a> <a href="#">Voices Around the World</a> <a href="&#0109;&#97;&#105;&#108;&#116;&#111;&#58;&#98;o&#114;&#0101;&#0100;&#064;&#099;&#97;&#109;&#101;&#114;&#111;&#110;&#109;&#0111;&#108;&#0108;&#046;&#99;&#0111;&#109;?subject=Hey%20Cameron, about%20Roma%20Italia...">Contact Us</a><p>
		<p>
		&copy; 2009 <a href="http://cameronmoll.com/">Cameron Moll</a>. All rights reserved.</p>
		<p>
		This is a fictitious website created strictly for educational purposes and may not be reproduced without permission.</p>
		<p>
		<strong>Buy the book at Amazon: <a href="http://bit.ly/cssmastery"><em>CSS Mastery</em></a></strong></p>
		<div id="cameronmoll"><a href="http://cameronmoll.com/"><img src="img/cameronmoll.png" alt="Cameron Moll" width="124" height="23"></a></div>
	</div>

</div> <!-- end #content-wrapper -->

<!-- This script is specifically for IE (curses!). It should appear before the 
closing body tag but before any external scripts such as Google Analytics -->	
<script type="text/javascript" charset="utf-8"> Cufon.now(); </script>	
</body>
</html>
